<template>
  <v-container style="width: 100%" fluid>
    <div style="width: 100%;height: 30vh;">
      <div style="text-align: center;font-size: 48px;line-height: 30vh;">
        新闻汇总
      </div>
    </div>
	<v-row style=" height: 190vh; width: 98%;">
		<v-col style="min-width: 58%; height: 95%;">
			<div  style="margin-left: 35%;font-size: 32px;text-align: center;width:20%;">
				疫情新闻
			</div>

			<News></News>
		</v-col>
		<v-col style="margin-left: 0.1%; width: 24%; height: 95%; max-width: 37%">
			<v-card width="30%" style="margin-left: 35%;background: #FD564F;color: white;font-size: 32px;text-align: center;">
				官方通告
			</v-card>
			<div style="margin-left: -5%;overflow-y: auto;overflow-x: hidden;max-height: 155vh;margin-top: 4vh;">
				<Announcements></Announcements>
			</div>

		</v-col>
	</v-row>

  </v-container>
</template>

<script>
import Announcements from "@/views/public/Article/Announcements";
import News from "@/views/public/Article/News";
export default {
  name: "newNews",
  components: {Announcements,News,}
}
</script>

<style scoped>

</style>
